<template>
	<view class="wrap">
		<u-section title="常见问题" :right="false" color="#00aaff"></u-section>
		<u-gap></u-gap>
		<u-collapse>
			<u-collapse-item :title="item.head" v-for="(item, index) in dataList" :key="index">
				{{item.body}}
			</u-collapse-item>
		</u-collapse>
		<button type="primary" @click="customerServiceClick">联系客服</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				customerServicePhoneNumber: '13776820377',
				dataList: [{
					head: "常见问题一",
					body: "只要我们正确择取一个合适的参照物乃至稍降一格去看待他人，值得赏识的东西便会扑面而来",
					open: true,
					disabled: true
				}, {
					head: "常见问题二",
					body: "学会欣赏，实际是一种积极生活的态度，是生活的调味品，会在欣赏中发现生活的美",
					open: false,
				}, {
					head: "常见问题三",
					body: "但是据说雕刻大卫像所用的这块大理石，曾被多位雕刻家批评得一无是处，有些人认为这块大理石采凿得不好，有些人嫌它的纹路不够美",
					open: false,
				}]
			}
		},
		methods: {
			customerServiceClick() {
				uni.makePhoneCall({
					phoneNumber: this.customerServicePhoneNumber
				});
			}
		}
	}
</script>

</style>

<style lang="scss" scoped>
	page {
		background-color: #FFFFFF;
	}

	.wrap {
		padding: 30rpx;
	}

	button {
		margin: 100rpx 30rpx;
	}
</style>
